.bottomCom {
  padding: 20px;
  width: 100%;
  height: 100%;
  background-color: #fff;
  box-shadow: 2px 2px 10px #0000006a;
  display: flex;
  align-items: center;
  border-radius: 10px;
  color: #6c757d;

  .left,
  .center,
  .right {
    width: 33.3%;
    height: 100%;
  }

  .left {
    display: flex;
    flex-direction: column;
    position: relative;

    span {
      position: absolute;
      top: 45%;
      left: 5%;
      width: 100%;
      height: 30px;
      line-height: 30px;

      &:nth-child(3) {
        top: 60%;
      }
    }

    img {
      position: absolute;
      top: 10%;
      left: 2%;
      width: 80%;
      height: 75px;
      object-fit: contain;
    }
  }

  .center {
    position: relative;
    ul {
      width: 50%;
      height: 100%;
      display: flex;
      justify-content: space-evenly;
      position: absolute;
      top: 30%;
      left: 2%;

      .icon {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #0000000a;
        transition: all 0.2s ease;
        &:hover{
          background-color: #0000001f;
        }
        .iconfont {
          font-size: 25px;
        }
      

      }
    }

    
  }

  .right {
    // background-color: purple;
    display: flex;
    align-items: center;
    justify-content: space-evenly;

    div {
      width: 120px;
      height: 120px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-around;

      img {
        width: 100px;
        height: 100px;
        object-fit: contain;
        border-radius: 5px;
        border: 10px solid #0000000a;
      }
    }

  }
}